<template>
  <div>
    <MyFooter></MyFooter>
    <div class="main">
      <MyGoods></MyGoods>
    </div>
    <MyHeader></MyHeader>
  </div>
</template>

<script>
import MyFooter from './components/MyFooter.vue'
import MyGoods from './components/MyGoods.vue'
import MyHeader from './components/MyHeader.vue'

//导入局部组件必须在scrip里面导入,在App里面导入
export default {
  // 组件名称
  name: '',
  // 组件参数 接收来自父组件的数据
  props: {},
  // 接收局部注册的组件
  components: {
    MyFooter,
    MyGoods,
    MyHeader
  },
  // 组件数据
  data () {
    return {}
  },
}
</script>
<style scoped>
.main{
    padding-top: 45px;
    padding-bottom: 50px;
  }
</style>